{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"修改资料",back:1} %}
    {#{% include "ApiCloud/Base/inc.site.base.html.twig" with {site:"项目流转"} %}#}
    <div class="fs10">
        <mu-form ref="form" :model="form"  label-position="top" label-width="200">

            <div class="fs10 padl5 padr5 flrc padt10">
                <mu-form-item label="" :rules="[rules.notNull]" prop="pic">
                    <div class="">
                        <div class="flrc flex1 padl5">
                            <mu-paper class="ofh wh30-30 marr10" :z-depth="1">
                                <img class="wh30-30" :src="form.picV" v-if="form.pic">
                            </mu-paper>
                            <mu-paper :circle="true" class="ofh wh30-30" :z-depth="1">
                                <img class="wh30-30" :src="form.picV" v-if="form.pic">
                            </mu-paper>
                        </div>

                        <div class="mart5">
                            <mu-button color="" @click="selectEditPic()" full-width>
                                选择头像
                            </mu-button>
                        </div>
                    </div>
                </mu-form-item>
                <div class="pos-f b0 l0 w100 bc11 c13 flrc fs10" style="height: 11vw" v-if="toolsShow">
                    <div class="flex1 tac"><mu-button @click="save()">保存</mu-button></div>
                    <div class="flex1 tac"><mu-button @click="reset()">重置</mu-button></div>
                    <div class="flex1 tac"><mu-button @click="close()">取消</mu-button></div>
                </div>
            </div>

            <div class="fs10 padl5 padr5">
                <mu-form-item label="姓名" :rules="[rules.notNull , rules.min(2), rules.max(3)]" prop="name">
                    <mu-text-field v-model="form.name" placeholder="请输入姓名"></mu-text-field>
                </mu-form-item>
            </div>
            <div class="fs10 padl5 padr5">
                <mu-form-item label="手机号" :rules="[rules.notNull , rules.isPhone]" prop="phone">
                    <mu-text-field v-model="form.phone" placeholder="请输入手机号"></mu-text-field>
                </mu-form-item>
            </div>
            {#<div class="fs10 padl5 padr5 flr">#}
                {#<mu-form-item label="图集" :rules="[rules.notNull]" prop="pic">#}
                    {#<div class="ofh">#}
                        {#<div class="flex-r flex-nowrap">#}
                            {#<mu-paper class="picCommonSize pos-r mar3" :z-depth="1"  v-for="tile, index in pics">#}
                                {#<img class="picCommonSize" :src="tile">#}
                                {#<div class="pos-a w100 r0 l0 b-3 flrc op6">#}
                                    {#<mu-button fab small color="black" @click="move(index,-1)">#}
                                        {#<mu-icon  value="arrow_back"></mu-icon>#}
                                    {#</mu-button>#}
                                    {#<mu-button fab small color="black" @click="move(index,1)">#}
                                        {#<mu-icon  value="arrow_forward"></mu-icon>#}
                                    {#</mu-button>#}
                                    {#<mu-button fab small color="black" @click="del(index)">#}
                                        {#<mu-icon  value="close"></mu-icon>#}
                                    {#</mu-button>#}
                                {#</div>#}
                            {#</mu-paper>#}
                        {#</div>#}

                        {#<div class="">#}
                            {#<mu-button color="success" @click="selectPic()">选择图片</mu-button>#}
                        {#</div>#}
                    {#</div>#}
                {#</mu-form-item>#}
            {#</div>#}


            <div class="fs8 c11 pad5 mart20">
                <mu-button large full-width round color="primary" @click="submit()">确认修改</mu-button>
            </div>
        </mu-form>
    </div>
{% endblock %}

    {% block myJs %}

        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/crypto/crypto.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/hmac/hmac.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/sha1/sha1.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/base64.js"></script>
        {#<script type="text/javascript" src="{{ root }}/assets/oss/lib/plupload-2.1.2/js/plupload.full.min.js"></script>#}
        <script type="text/javascript" src="{{ root }}/assets/oss/uploadMy.js{{ rnd }}"></script>
    {% endblock %}
